﻿/* Global */
html                                {margin:0; padding:0;}
body                                {font-family:Trebuchet MS; font-size:12px; color: #000000; margin:0; padding:0;background:#fff url(/resources/images/bkg/bodybkg.jpg) repeat-x top;}
.clear                              {clear:both;}
img                                 {border:none;}
form                                {margin:0; padding:0;}

/* Header */
#header                             {background-color:#023435;padding:0 0 15px 0;}
#headercontent                      {width:980px;margin:0 auto;}

/* Top Navigation */
#topnav                             {float:right;}
#topnav ul                          {list-style:none;padding:0;margin:5px 0 0 0;}
#topnav li                          {float:left;padding:0 10px;font-size:12px;}
#topnav a                           {text-decoration:none;color:#ff921d;}
#topnav a:hover                     {text-decoration:underline;}

/* Logo */
#logo                               {float:left; }
#logo #mapfre_logo                  { width: 247px; height: 41px; background: url('../../_imgs/mapfre_logo.png') no-repeat; float: left; }

/* Slogan */
#slogan                             {float: left;}
#slogan h1                          {font-size: 24px;font-weight:lighter;color:#d5d7d4;margin:8px 0px 0px 20px;}

/* Phone number */
#phonenumber                        {float:right;font-size:18px;font-weight:lighter;color:#68bd5b;margin-top:0px;}

/* Navigation */
#mainnavcontainer                   {background-color:#023435; margin: 0 0 10px 0;}

.mainmenu					        {font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;background: #023435; /*background of menu bar (default state)*/width: 980px;margin:0 auto; padding: 0px;}
.mainmenu ul				        {z-index:100;margin: 0;padding: 0;list-style-type: none;}
.mainmenu ul li				        {position: relative;display: inline;float: left;}
.mainmenu ul li a			        {display: block;background: #023e3f;padding: 8px 32px;color: #ffffff;text-decoration: none; margin-right: 2px; height: 34px; line-height: 34px;}
.mainmenu ul li a em			    {display: block; color: #ffffff; font-size: 10px;}
* html .mainmenu ul li a	        { /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}
.mainmenu ul li a:link, 
.mainmenu ul li a:visited           {color: #ffffff;}
.mainmenu ul li a.selected	        { /*CSS class that's dynamically added to the currently active menu items' LI A elementbackground:#ff8a0b url(../images/navigation/selectedbg.gif) repeat-x;*/background: #fff; color: #023e3f;}
.mainmenu ul li a:hover		        {background:#fff; /*url(../images/navigation/selectedbg.gif) repeat-x; background of menu items during onmouseover (hover state)*/color: #023e3f;}
.mainmenu ul li a:hover	em	        {color: #023e3f;}

/* Flags */
#countryflag                        {float:right; width: auto; color: #ffffff; font-size: 12px; margin: 10px 0 0 0px; line-height: 21px;}

/* Layout A */
.layouta                            {width: 980px; height: auto; margin: 0px auto; margin-bottom: 10px; padding: 0px;position: relative;}

/* Quick quote */
.qqleftpanel                        {float: left; width: 306px;height: auto; margin: 0px; padding: 0px 0px 0px 0px;}
.qqheadingpanel                     {float: left; width: 141px; height: 26px; background: url('../../_imgs/qqheading.png') no-repeat; font-size: 18px; color: #ffffff; margin: 0; padding: 10px 0px 0px 15px;}
.qqleftcontent                      {width: 313px; min-height: 244px; background: #023435; margin: 0px 10px 0px 0px; padding: 0px 10px 10px 15px;overflow:hidden;position:absolute;z-index:999;margin-top:36px;}
.qqleftnext                         {float: right; margin: -25px -6px 0px 0px;}
.qqsubheadingsleftcover             {float: left; width: 70px; font-size: 12px; color: #ffffff; margin: 6px 10px 0px 0px; padding: 6px 0px 0px 0px;}
.qqsubheadingsleftjourney           {float: left; width: 70px; font-size: 12px; color: #ffffff; margin: 0px 10px 0px 0px; padding: 6px 0px 0px 0px;}
.qqsubheadingslefttravcover         {float: left; width: 70px; font-size: 12px; color: #ffffff; margin: -4px 10px 0px 0px; padding: 6px 0px 0px 0px;}
.qqsubheadingslefttravellers        {float: left; width: 120px; font-size: 12px; color: #ffffff; margin: 6px 7px 0 0; padding: 6px 0px 0px 0px;}
.qqsubheadingslefttravellers2       {float: left; width: 102px; font-size: 12px; color: #ffffff; margin: 6px 5px 0px 0px; padding: 6px 0px 0px 0px;}
.qqleftcalendar                     {float: left; margin: 4px 0px 0px 0px;}
.qqleftcalendartop                  {float: left; margin: 0px 0px 0px 0px;}
.qqleftbottom                       {position: relative; bottom: 0; margin-bottom: 55px;}
.dashed                             {border-bottom: 1px solid #819a9a;margin: 0px 0px 10px 0px;padding: 10px 0px 0px 0px;}

.productcontent                     {padding:0 0 0 306px; *padding: 0px; height:290px;}

.additionaltravellerages            {width:71px;padding:0 0 0 107px;clear:both;}

.travellerAgenumbertop              {float: left; color: #fff; margin:11px 0 0 0;}
.travellerAgenumber                 {float: left; color: #fff; margin:8px 0 0;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.dashed                         {border-bottom: 1px solid #819a9a;margin: 0px 0px 8px 0px;padding: 8px 0px 0px 0px;}
} 

 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
       .dashed                      {border-bottom: 1px solid #819a9a;margin: 0px 0px 8px 0px;padding: 8px 0px 0px 0px;}
 }

/* Content */
.content                            {width: 918px; height: auto; margin: 0px auto; padding: 10px;position: relative;}
.contentgrey                        {width: 918px; height: auto; background: #acafaa; margin: 10px auto; padding: 10px;position: relative;}
.contentgrey#product                {margin-top:50px;}

.leftcontent                        {float: left; width: 601px;height: auto; margin: 10px 0px 0px 0px; padding: 0px;}
.rightcontent                       {float: left; width: 287px;height: auto; margin: 10px 0px 0px 30px; padding: 0px;}

.leftcontentadded                   {float: left; width: 611px;height: auto; margin: 10px 0px 0px 0px; padding: 0px;}
.rightcontentadded                  {float: left; width: 287px;height: auto; background: #acafaa; margin: 10px 0px 0px 20px; padding: 10px;}

.rightLinksColumn                   {float: left; width: 267px; height: auto; background: #fff; margin: 0 0 10px 0; padding: 10px}

.featured                           {float: left; width: 610px;height: 248px; margin: 0 20px 0 0; padding: 0px;}
.homepagefeaturedsmall              {float: left; width: 592px;height: 228px; background: url('../../_imgs/homepagefeaturedsmall.png'); margin: 0px; padding: 10px;}
.homepagefeaturedsmallblank         {float: left; width: 592px;height: 228px; background: url('../../_imgs/homepagefeaturedsmallblank.png'); margin: 0px; padding: 10px;}
.usefula                            {float: left; width: 267px;height: 249px; background: url('../../_imgs/usefulbox.png') no-repeat; margin: 0px; padding: 10px;}
.rightboxuseful                     {float: left; width: 287px;height: auto; margin: 0px; padding: 0px;}
.gadgetuseful                       {float: left; width: 267px;height: auto; background: #fff; margin: 0px; padding: 10px;}
.columnhalf                         {float: left; width: 300px; height: auto; margin: 0 5 0 0; padding: 0;}

/* Benefit boxes - Ski - City Break */
.homepagefeaturedsmallski           {float: left; width: 592px;height: 228px; background: url('../../_imgs/skismall.png'); margin: 0px; padding: 10px;}
.featuredsmallcitybreak             {float: left; width: 592px;height: 228px; background: url('../../_imgs/city_break_bg.png'); margin: 0px; padding: 10px;}
.featuredsmallbeach             {float: left; width: 592px;height: 228px; background: url('../../_imgs/beach_holiday_bg.png'); margin: 0px; padding: 10px;}

.benefits                           {float: left; width: 610px; height: 269px; background: url('../../_imgs/benefits.png') no-repeat; margin: 0px 20px 0px 0px; padding: 0px;}
.benefitscontent                    {float: left; width: 590px; height: 117px; margin: 0px; padding: 10px;}
.outbens                            {float: left; width: 285px; height: 30px; font-size: 24px; font-weight: lighter; color: #ffffff; margin: 96px 0px 0px 0px; padding: 0px 0px 0px 20px;}

.chatBtn                            {width: 254px; height: 42px; background: url('../../_imgs/gotaquestion.png') no-repeat; color: #ffffff; margin: 0px; padding: 8px;}
.quickHelp                          {width: 254px; height: 42px; background: url('../../_imgs/quickhelp.png') no-repeat; color: #ffffff; margin: 4px 0px; padding: 8px;}
.blogBtn                            {width: 275px; height: 144px; background: url('../../_imgs/blog.png') no-repeat; color: #ffffff; margin: 0px; padding: 10px;}
.travelExtras                       {width: 275px; height: 62px; background: url('../../_imgs/travelextras.png') no-repeat; color: #ffffff; margin-top: 12px; padding: 10px 10px 0px 10px;}

.ulclass                            {float: left; width: 175px; height: 62px; background: url('../../_imgs/travelhomebullets.png') no-repeat; margin-bottom: 14px; padding: 10px 10px 0px 10px;}

.gadgetdocs                         {float: left; width: 120px; margin: 0 0 10px 0;}

.blogbkg                            {float: left; width: 267px;height: 228px; background: url('../../_imgs/blogbkg.png') no-repeat; margin: 0px; padding: 10px;}
.blogcontent                        {float: left; width: 267px; height: auto; margin: 0px; padding: 0px;}
.blogpostimg                        {float: left; margin: 0 10px 10px 0px; max-width: 90px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.blogbr                         {height: 0px; line-height: 0px;}
} 

/* Extras Page */
.airportparking                     {float: left; width: 268px; height: auto; background: #446760 url('../../_imgs/airportparking.png') no-repeat; margin: 0; padding: 155px 10px 10px 10px;}
.airporthotel                       {float: left; width: 268px; height: auto; background: #5d5624 url('../../_imgs/airporthotel.png') no-repeat; margin: 0 26px; padding: 155px 10px 10px 10px;}
.airportlounge                      {float: left; width: 268px; height: auto; background: #7d1f49 url('../../_imgs/airportlounge.png') no-repeat; margin: 0; padding: 155px 10px 10px 10px;}

.gadgetinsurance                    {float: left; width: 608px; height:155px; background: #000000 url('../../_imgs/gadgetinsurance.png') no-repeat; margin: 0 0 20px 0; padding: 0px 10px 0px 298px;}
.gadgetinsurance_left               {float: left; width: 186px;}
.gadgetinsurance_centre             {float: left; width: 155px;}
.gadgetinsurance_right              {float: left; width: 235px;}

.carhire                            {float: left; width: 608px; height:155px; background: #000000 url('../../_imgs/carhire.png') no-repeat; margin: 20px 0 0 0; padding: 0px 10px 0px 298px;}
.carhire_left                       {float: left; width: 342px;}
.carhire_right                      {float: left; width: 235px;}

.extraslist                         {width: 100%; margin: 0px; padding: 0px;}
.extraslist ul                      {margin: 0px; padding: 0px;}
.extraslist li                      {display: block; list-style: none; background: url(../../_imgs/bullet.png) no-repeat 0px 10px; font-size: 14px; color: #fff; margin: 0px; padding: 4px 0px 4px 22px;}

.iPhoneApp                          {width: 602px; height: 166px; background: url('../../_imgs/iPhoneApp.png') no-repeat; margin: 20px auto; padding:  15px 20px 0px 316px;}

/* .homepagefeatured                {float: left; width: 581px;height: 212px; background: url('../images/products/homepagefeatured.png'); margin: 0px; padding: 10px;}
.useful                             {float: left; width: 267px;height: 212px; background: url('../../_imgs/usefulbox.png'); margin: 0px 0px 0px 30px; padding: 10px;}
.topleft                            {float: left; width: 267px;height: auto; margin: 0px 30px 0px 0px; padding: 10px 10px 0px 10px;}
.topright                           {float: left; width: 571px;height: 124px; background: url('../../_imgs/topright.png'); margin: 0px; padding: 15px;}
.bestvalue                          {float: left; width: 227px;height: 46px; background: url('../../_imgs/bestvalue.png'); font-size: 18px; margin: 0px; padding: 20px;} */g

/* Bullet styling */
.general_list                       {width: 100%; margin: 0px; padding: 0px;}
.general_list ul                    {margin: 0px; padding: 0px;}
.general_list li                    {display: block; list-style: none; background: url(../../_imgs/bullet.png) no-repeat 0px 12px; font-size: 14px; color: #000000; margin: 0px; padding: 6px 0px 6px 22px;}
.general_list li.none               {display: block; list-style: none; background: url(../../_imgs/bullet.png) no-repeat 0px 6px; font-size: 14px; color: #000000; margin: 0px; padding: 0px 0px 6px 22px;}

.horz_lists                         {float: left; width: 577px; margin: 0px; padding:0px; list-style:none;}
.horz_lists ul                      {margin: 0px;padding: 0px;}
.horz_lists li                      {float:left; width: 256px; margin: 0px 0px 0px 10px; font-size: 14px; color: #000000; padding: 0px 0px 12px 22px; list-style: none; background: url(../../_imgs/bullet.png) no-repeat 0px 6px;}

.horz_list                          {float: left; width: 918px; margin: 0px; padding:0px; list-style:none;}
.horz_list ul                       {margin: 0px;padding: 0px;}
.horz_list li                       {float:left; width: 260px; height: 50px; margin: 0px 0px 0px 10px; font-size: 14px; color: #000000; padding: 0px 0px 12px 22px; list-style: none; background: url(../../_imgs/bullet.png) no-repeat 0px 6px;}

.travelhome_list                    {float: left; width: 100%; margin: 0px; padding:0px; list-style:none;}
.travelhome_list ul                 {margin: 0px;padding: 0px;}
.travelhome_list li                 {float:left; width: 175px; height: 62px; font-size: 14px; background: url('../../_imgs/travelhomebullets.png') no-repeat; margin-bottom: 14px; padding: 10px 10px 0px 10px;}

.faq_list                           {float: left; width: 100%; margin: 0px; padding:0px; list-style:none;}
.faq_list ul                        {margin: 0px;padding: 0px;}
.faq_list li                        {float:left; width: 175px; height: 42px; font-size: 14px; background: url('../../_imgs/faqlist.png') no-repeat; margin-bottom: 14px; padding: 10px 10px 0px 10px;}

.general_list_jobs                  {width: 100%; margin: 0px; padding: 0px;}
.general_list_jobs ul               {margin: 0px; padding: 0px;}
.general_list_jobs li               {display: block; list-style: none; background: url(../../_imgs/bullet.png) no-repeat 0px 9px; font-size: 12px; color: #333333; margin: 0px; padding: 6px 0px 6px 22px;}
#jobstitle                          {font-size: 24px; font-weight: lighter; color: #68BD5B; margin: 0px 0px 15px 0px; padding: 0px;}

/* FAQ styling */
.faqs                               {margin: 0;padding: 0;}
 dl.faqs                            {float: left; display: inline; width: 918px; border-bottom: 1px solid #cccccc; margin: 0 0 10px 0;padding: 0 0 10px 0;}
.faqs dt                            {width: 908px;position: relative; font-size: 14px; color: #000000; text-align: left; border: none; height: 21px; background: url('/Resources/images/bkg/q.png') 0px 6px no-repeat; margin:  0 0 10px 0; padding: 6px 0px 6px 30px;}
.faqs dt:hover                      {cursor: pointer;color: #000000;}
.faqs p                             {color: #333333;}
.faqs dd                            {width: 908px; /*background: url('../../_imgs/a.gif') 0px 6px no-repeat;*/position: relative;font-size: 12px;color: #000000; text-align: left; border: none;margin: 0;padding: 0px 0px 0px 30px;}
.faqcol                             {float: left; width:450px;}

/* Quick Help styling */
.QuickHelp                          {margin: 0;padding: 0;}
 dl.QuickHelp                       {float: left; display: inline; width: 690px; border-bottom: 1px solid #cccccc; margin: 0 0 10px 0;padding: 0 0 10px 0;}
.QuickHelp dt                       {width: 660px;position: relative; font-size: 14px; color: #000000; text-align: left; border: none; height: 21px; background: url('/Resources/images/bkg/q.png') 0px 6px no-repeat; margin:  0; padding: 6px 0px 6px 30px;}
.QuickHelp dt:hover                 {cursor: pointer;color: #000000;}
.QuickHelp p                        {color: #333333;}
.QuickHelp dd                       {width: 500px; /*background: url('../../_imgs/a.gif') 0px 6px no-repeat;*/position: relative;font-size: 12px;color: #000000; text-align: left; border: none;margin: 0;padding: 0px 0px 0px 30px;}
.QuickHelpcol                       {float: left; width:450px;}

/* Footer */
#footer                             {width: 960px; height: auto; background: #023435; margin: 0 auto; margin-bottom: 10px; padding: 10px;}  
#footerlegals                       {width: 950px; height: auto; background: #000000; margin: 0px auto; padding: 10px 20px 10px 20px;} 
.footerp                            {float: left; font-size: 12px; line-height: 21px; color: #ffffff; margin: 10px 0px 10px 0px; padding: 0px;}         
.legallogo                          {float: right; margin: 0 0 0 30px;}

.miniMap                            {width:950px;margin:0px auto;padding:0px;}
.miniMapContent                     {padding:0px;width:950px;float:left;margin:0px auto;}
dl                                  {display:inline; /* IE 6 Fix */float:left;width:155px;margin:0px 10px 10px 22px;padding:0px;}
dt                                  {padding:0px 0px 10px 0px;font-size:15px; display:block;}
dd                                  {padding:5px 0px;color:#f68b1f;	font-size:12px;	-moz-margin-start: 0px; margin: 0px; /* Fix for Firefox & Mozilla browsers */}
dl a, dd a                          {color: #f68b1f;text-decoration:none;font-weight:lighter;}
dl a:visited, dd a:visited          {color: #f68b1f;text-decoration:none;font-weight:lighter;}
dl a:hover, dd a:hover              {color:#f68b1f;	text-decoration:underline;	font-weight:lighter;}
dt a:link                           {color: #fff;text-decoration:none;font-weight:lighter;}
dt a:visited                        {color: #fff;text-decoration:none;font-weight:lighter;}
dt a:hover                          {color:#fff;text-decoration:underline;	font-weight:lighter;}

.smallflags                         {float:right;margin-top:-6px;}
.smallflags p                       {color:#f68b1f;margin:0 0 3px 0;padding:0;font-size:10px;}

/* Feefo and social */
#socialbookmarks                    {float:right;margin: 10px 0 0 10px;}
#feefologohere						{float:right;margin: 0 0 0 10px;}
.googleplus                         {float:left;width:73px;overflow:hidden;}
.facebooklike                       {float:left; width: auto;}

.feefo								{float:left; width: auto;}

.socialIcons                        {margin: 10px 8px 0 0}

.boilerplateContent                 {float: left;clear:both;width:100%;	margin:20px 0 0 0;}
.boilerplateContent ul              {margin:0px;padding:0px;list-style:none;}
.boilerplateContent ul li           {float:left;margin:0px;	padding:0px 10px;font-size:10px;color:#D9E2E2;}
.boilerplateContent ul li a         {color:#f68b1f;	text-decoration:none;}
.boilerplateContent ul li a:hover   {color:#f68b1f;text-decoration:underline;}

/* Typography */
h1                                  {font-size: 24px;font-weight:lighter;color:#000000;margin: 0px 0px 6px 0px;}
h2                                  {font-size: 24px; font-weight: lighter; color: #040302; margin: 0px 0px 6px 0px; padding: 0px;}
h3                                  {font-size: 24px; font-weight: lighter; color: #040302; margin: 0px 0px 6px 0px; padding: 0px;}
h4                                  {font-size: 24px; font-weight: lighter; color: #040302; margin: 0px 0px 6px 0px; padding: 0px;}
p                                   {font-size: 12px; line-height: 18px; color: #000000; margin: 0px 0px 10px 0px; padding: 0px;}
.travelheading                      {font-size: 24px;font-weight:lighter;color:#d5d7d4;margin:25px 0px 0px 20px;}
.extrasheading                      {font-size: 24px;font-weight:lighter;color:#ffffff;margin: 10px 0px 6px 0px;}
.destinationsTitle                  {font-size: 24px; font-weight: lighter; color: #040302; margin: 0px 0px 10px 0px; padding: 0px;}

/*   LINK STYLING   */
a img                               {text-decoration: none;border: 0px;}
a                                   {color: #f68b1f;text-decoration: none;} 
a:link                              {color: #f68b1f;text-decoration: none;} 
a:visited                           {color: #f68b1f;text-decoration: none;} 
a:hover                             {color: #f68b1f;text-decoration: underline;}

/* clear */
div.clear                           {clear: both; height: 0px; line-height: 0px; font-size: 0px;}
.border1px                          {border-top:1px solid #cccccc;margin: 10px 0px 10px 0px;padding: 0px;}

/* Modal Box */
#mask                               {position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;}
#boxes .window                      {position:absolute;left:0;top:0;width:auto;height:auto;background: #ffffff;text-align: center; font-size: 18px; color: #000000;display:none;z-index:9999;padding:20px;}
.flag                               {float: left; width: auto; height: auto; margin: 10px}

#mask2                              {position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;}
#boxes2 .window2                    {position:absolute;left:0;top:0;width:auto;height:auto;background: #ffffff;text-align: center; font-size: 18px; color: #000000;display:none;z-index:9999;padding:20px;}

/* Magazine page */
/* Featured magazine */
#featuredmag                        {float:left;margin:0 20px 10px 0;}

/* Previous issues */
.previousissue                      {width:165px;float:left;margin:0 22px 0 0;}

.jobs                               {font-size: 13px;font-weight: bold;color:#68BD5B;}

span.dateCalendar			        {width:20px;height:21px;background:url(../../_imgs/calendar.png); cursor:pointer;display:block;float:left;margin:2px 0 0 5px;}


/* ### contact us form ### */
.contactForm_Width                  {float: left;width: 720px;margin-top: 20px;margin-bottom: 20px;padding: 0px;}
.contactForm_Row                    {clear: both;width: 100%;}
.contactForm_Headings               {text-align: left;width: 300px;height: 25px;margin: 0px;float: left;}
.contactForm_SubHeading             {font-size: 11px;font-family: Arial, Helvetica, sans-serif;color: #666666;}
.contactForm_Info                   {width: 420px;height: 25px;display: block;float: left;margin: 0px;}
label.error                         {text-align: left;width: 300px;height: 25px;margin: 0px;float: left; color: #FF0000;}
label.valid                         {text-align: left;width: 300px;height: 25px;	margin: 0px;float: left;}
.validationSpacing                  {margin: 20px 0px 0px 0px;}

/* MARKETING EMAILS LAYOUT 0611 */

.marketingLeft                      {float: left;width: 180px;min-height: 195px;margin: 0px 0px 15px 0px;padding: 0px;}
.marketingRight                     {float: left;width: 700px;min-height: 175px;margin: 0px 0px 15px 0px;padding: 10px;}

#ui-datepicker-div                  {z-index: 10000 !important}

/* ERROR MESSAGES */

.error                              {font-size: 18px; color: #ff0000;}
.errorpaneltop                      {width: 580px; border: 1px solid #ff0000; padding: 10px; margin: 10px 0 0 0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.errorpaneltop ul li                {color: #ff0000;}
 

SPAN.alertMsg { background: transparent url(../../_imgs/iconA3_1.gif) no-repeat scroll 12px -1943px; color:#EC2909; height:23px; line-height:23px; padding:0 10px 0 35px; font-size: 12px; }
SPAN.alertPanel { display: none; }